<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <title>Mai Ly Spa</title>

    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/>

    <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'>


    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/bxslider.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/prettyphoto.css"/>
    <link rel="stylesheet" media="screen" href="css/sequencejs-theme.modern-slide-in.css"/>


</head>

<body>


<div class="sliderbg">


    <div class="phone">
        <p>Phone: 0650.628.2355 - 0650.628.2356</p>
    </div>


    <header class="menuwrapperdesktop">

        <div class="container">
            <div class="row">


                <section class="logo span3">
                    <a href="#"><img src="images/logo.png" alt="logo"></a>
                </section>


                <nav class="menudesktop span9">

                    <ul id="menu">
                        <li class="menu1">
                            <a class="mainmenu mainmenulast" href="index.html">TRANG CHỦ</a>
                        </li>
                        <li class="menu1">
                            <a class="mainmenu mainmenulast" href="about.html">GIỚI THIỆU</a>
                        </li>
                        <li class="menu1">
                            <a class="mainmenu" href="services.html">DỊCH VỤ</a>
                            <ul>

                                <li><a href="single-service.html">Chăm sóc da mặt</a></li>
                                <li><a href="single-service.html">Chăm sóc body</a></li>
                                <li><a href="single-service.html">Chăm sóc chân tay</a></li>
                                <li><a href="single-service.html">Tắm trắng chuyên sâu</a></li>
                                <li><a href="single-service.html">Tắm Dưỡng</a></li>
                                <li><a href="single-service.html">Waxing</a></li>
                                <li><a href="single-service.html">Nail - Tóc - Trang Điểm</a></li>
                                <li><a href="single-service.html">Giảm béo công nghệ cao</a></li>
                            </ul>
                        </li>
                        <li class="menu1">
                            <a class="mainmenu" href="products.html">SẢN PHẨM</a>
                            <ul>

                                <li><a href="products.html">Dưỡng da</a></li>
                                <li><a href="products.html">Phấn nền</a></li>

                            </ul>
                        </li>
                        <li class="menu1">
                            <a class="mainmenu" href="category.html">THÔNG TIN</a>
                            <ul>
                                <li><a href="category.html">Tin tức</a></li>
                                <li><a href="category.html">Làm đẹp</a></li>
                            </ul>
                        </li>

                        <li class="menu1">
                            <a class="mainmenu mainmenulast" href="contact.html">LIÊN HỆ</a>
                        </li>


                    </ul>

                </nav>


            </div>
        </div>
    </header>
    <!--/menudesktop end-->


    <div class="sequence-theme">
        <div id="sequence">


            <img class="sequence-prev" src="images/prev.png" alt="Previous Frame"/>
            <img class="sequence-next" src="images/next.png" alt="Next Frame"/>

            <ul class="sequence-canvas">
                <li class="animate-in">
                    <h2 class="title">spa and wellness</h2>

                    <h3 class="subtitle">premium website template</h3>

                    <p class="subtitle1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.<span>
Lorem ipsum dolor sit amet</span> consectetuer adipiscing elit, sed diam nonummy nibh
                        euismod tincidunt </p>


                    <section class="button1 buttonslider">
                        <a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
                    </section>


                    <img class="model" src="images/model1.png" alt="Model 1"/>
                </li>
                <li>
                    <h2 class="title">spa and wellness</h2>

                    <h3 class="subtitle">premium website template</h3>

                    <p class="subtitle1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        <span>ut laoreet dolore magna</span> aliquam erat volutpat. Ut wisi enim ad minim veniam.
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                        euismod tincidunt </p>

                    <section class="button1 buttonslider">
                        <a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
                    </section>
                    <img class="model" src="images/model2.png" alt="Model 2"/>
                </li>
                <li>
                    <h2 class="title">spa and wellness</h2>

                    <h3 class="subtitle">premium website template</h3>

                    <p class="subtitle1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
                        <span>dolore magna aliquam erat</span> volutpat. Ut wisi enim ad minim veniam.
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                        euismod tincidunt </p>

                    <section class="button1 buttonslider">
                        <a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
                    </section>

                    <img class="model" src="images/model3.png" alt="Model 3"/>
                </li>
            </ul>


            <div class="sequence-pagination">
                <div class="paginationslider"></div>
                <div class="paginationslider"></div>
                <div class="paginationslider"></div>
            </div>

        </div>
    </div>
</div>


<div class="underslider">
    <p>Mai Ly Spa - Cõi thiền cho những giác quan</p>
</div>


<div class="container">
<div class="row">
    <ul id="bxslider1">

        <li class="span4 spacolumn">
            <div class="spaheadline">
                <h3>Chăm sóc da mặt</h3>
            </div>
            <h6>- Dịch vụ tại Mai Ly Spa -</h6>

            <div class="circleimage" style="background-image: url('images/dichvu/cham-soc-da-mat.jpg')">
                <div class="circlebg">
                </div>
            </div>
            <div class="decoration">
            </div>
            <p>Mai Ly Spa, chúng tôi sử dụng những sản phẩm chuyên nghiệp, chuyên dùng cho Spa như Dermalogica (Mỹ), Babor (Đức), ngoài ra, để đáp ứng nhu cầu cho những bạn muốn sử dụng các sản phẩm có thành phần tự nhiên thì mặt nạ mật ong sữa chua, mật ong thuốc bắc sẽ làm bạn hài lòng.
            </p>
            <section class="button1">
                <a href="#">Chi tiết</a>
            </section>
        </li>
        <!--/span4 end-->

        <li class="span4 spacolumn">
            <div class="spaheadline">
                <h3>Chăm sóc toàn thân</h3>
            </div>
            <h6>- Dịch vụ tại Mai Ly Spa -</h6>

            <div class="circleimage" style="background-image: url('images/dichvu/cham-soc-toan-than.jpg')">
            </div>
            <div class="decoration">
            </div>
            <p>
                Da là cơ quan lớn nhất và có mối liên kết với tất cả các cơ quan chính của cơ thể. Da khỏe mạnh có nghĩa là cơ thể khỏe mạnh. Chăm sóc da toàn thân là một thuật ngữ hiện đại cho một ý tưởng cũ – bằng cách sử dụng các thành phần tự nhiên kết hợp với một phương pháp tổng thể để duy trì sức khỏe và vẻ đẹp của làn da.
            </p>
            <section class="button1">
                <a href="#">Chi tiết</a>
            </section>
        </li>
        <!--/span4 end-->


        <li class="span4 spacolumn">
            <div class="spaheadline">
                <h3>Wellness</h3>
            </div>
            <h6>- Lorem ipsum dolor sit amet -</h6>

            <div class="circleimage2">
            </div>
            <div class="decoration">
            </div>
            <p>
                Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
            </p>
            <section class="button1">
                <a href="#">read more</a>
            </section>
        </li>
        <!--/span4 end-->

        <li class="span4 spacolumn">
            <div class="spaheadline">
                <h3>Spa terapy</h3>
            </div>
            <h6>- Lorem ipsum dolor sit amet -</h6>

            <div class="circleimage1">
                <div class="circlebg">
                </div>
            </div>
            <div class="decoration">
            </div>
            <p>
                Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
            </p>
            <section class="button1">
                <a href="#">read more</a>
            </section>
        </li>
        <!--/span4 end-->

        <li class="span4 spacolumn">
            <div class="spaheadline">
                <h3>Wellness</h3>
            </div>
            <h6>- Lorem ipsum dolor sit amet -</h6>

            <div class="circleimage2">
            </div>
            <div class="decoration">
            </div>
            <p>
                Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
            </p>
            <section class="button1">
                <a href="#">read more</a>
            </section>
        </li>
        <!--/span4 end-->


        <li class="span4 spacolumn">
            <div class="spaheadline">
                <h3>Wellness</h3>
            </div>
            <h6>- Lorem ipsum dolor sit amet -</h6>

            <div class="circleimage2">
            </div>
            <div class="decoration">
            </div>
            <p>
                Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
            </p>
            <section class="button1">
                <a href="#">read more</a>
            </section>
        </li>
        <!--/span4 end-->

    </ul>

</div>
<!--/row end-->


<div class="row">

    <div class="span6">


        <div class="columnheadline">
            <h3><span>lorem ipsum</span></h3>
        </div>


        <div class="accordion1" id="accordion2">


            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse1">
                        About us
                    </a>
                </div>
                <div id="collapse1" class="accordion-body collapse in">
                    <div class="accordion-inner1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
                    </div>
                </div>
            </div>


            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse2">
                        Business hours
                    </a>
                </div>
                <div id="collapse2" class="accordion-body collapse">
                    <div class="accordion-inner1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
                    </div>
                </div>
            </div>


            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3">
                        Contact
                    </a>
                </div>
                <div id="collapse3" class="accordion-body collapse">
                    <div class="accordion-inner1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
                    </div>
                </div>
            </div>

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse4">
                        Reservation
                    </a>
                </div>
                <div id="collapse4" class="accordion-body collapse">
                    <div class="accordion-inner1">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
                    </div>
                </div>
            </div>

        </div>


    </div>
    <!--/span6 end-->


    <div class="span6">


        <div class="columnheadline">
            <h3><span>recent news</span></h3>
        </div>

        <div class="row">


            <div class=" span6 recentnewsrow">

                <a href="#" class="ch-gridwrapper">
                    <ul class="ch-grid">
                        <li>
                            <div class="ch-item ch-img-1">
                                <div class="ch-info">
                                    <p>14<br><span>mart<br> 2013</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </a>

                <h4>Lorem ipsum dolor</h4>

                <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
                </p>
            </div>
        </div>
        <!--/span6 end-->


        <div class="row">
            <div class="span6 recentnewsrow">

                <a href="#" class="ch-gridwrapper">
                    <ul class="ch-grid">
                        <li>
                            <div class="ch-item ch-img-2">
                                <div class="ch-info">
                                    <p>13<br><span>mart<br> 2013</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </a>

                <h4>Lorem ipsum dolor</h4>

                <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
                </p>
            </div>

        </div>


        <div class="row">
            <div class="span6 recentnewsrow">

                <a href="#" class="ch-gridwrapper">
                    <ul class="ch-grid">
                        <li>
                            <div class="ch-item ch-img-2">
                                <div class="ch-info">
                                    <p>13<br><span>mart<br> 2013</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </a>

                <h4>Lorem ipsum dolor</h4>

                <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
                </p>
            </div>


        </div>
        <!--/span6 end-->

    </div>


</div>


</div>


<footer class="footer">

    <div class="container">
        <div class="row">


            <div class="span4">

                <div class="footerheadline">
                    <h4>Testimonials</h4>
                </div>

                <div class="testimonial">
                    <p class="testimonialbg">
                        "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                        laoreet dolore magna. "
                    </p>

                    <p class="testimonialname">John Doe</p>
                </div>


                <p class="testimonialbg">
                    "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna. "
                </p>

                <p class="testimonialname">John Doe</p>

            </div>


            <div class="span4">

                <div class="footerheadline">
                    <h4>Latest Tweets</h4>
                </div>


                <div class="tweet">
                    <img src="images/twitterbird.png" alt=""/>

                    <p>
                        @green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                    </p>

                    <p class="twittertime">About 2 days ago</p>
                </div>

                <div class="tweet">
                    <img src="images/twitterbird.png" alt=""/>

                    <p>
                        @green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                    </p>

                    <p class="twittertime">About 2 days ago</p>
                </div>

                <div class="tweet tweetlast">
                    <img src="images/twitterbird.png" alt=""/>

                    <p>
                        @green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                    </p>

                    <p class="twittertime">About 2 days ago</p>
                </div>


            </div>

            <div class="span4">

                <div class="footerheadline">
                    <h4>Tag Cloud</h4>
                </div>

                <p class="blogtags">
                    <span><a href="#">Beauty</a></span>
                    <span><a href="#">Spa</a></span>
                    <span><a href="#">Wellness</a></span>
                    <span><a href="#">Terapy</a></span>
                    <span><a href="#">Massage</a></span>
                    <span><a href="#">Paraffin</a></span>
                    <span><a href="#">Beauty</a></span>
                    <span><a href="#">Spa</a></span>
                    <span><a href="#">Wellness</a></span>
                </p>

                <div class="footerheadline1">
                    <h4>Newsletters</h4>

                    <p>Lorem ipsum dolor sit amet</p>
                </div>


                <div class="subscribefieldwrapper"><!--/subscribe-form-->
                    <form method="post" action="http://spatheme.appspot.com/submit.php">
                        <div>

                            <input type="text" placeholder="enter your email..." name="email" id="emailsubmit"

                                   class="subscribefield"/>

                            <input type="submit" name="subscribe" id="subscribe" value="Subscribe" class="buttonsubscribe"/>
                            <ul id="response1"></ul>


                        </div>
                    </form>

                </div>
                <!--/subscribe-form-end-->


            </div>


        </div>
    </div>
</footer>


<div class="bottom">

    <div class="container">
        <div class="row">
            <section class="icons span4">
                <a href="#">
                    <div class="item">
                        <div><i class="icontwitter"></i></div>
                    </div>
                </a>
                <a href="http://www.facebook.com/pages/Rayoflight/408688349185439">
                    <div class="item">
                        <div><i class="iconfacebook"></i></div>
                    </div>
                </a>
                <a href="#">
                    <div class="item">
                        <div><i class="icongoogle"></i></div>
                    </div>
                </a>
                <a href="#">
                    <div class="item">
                        <div><i class="iconrss"></i></div>
                    </div>
                </a>
                <a href="#">
                    <div class="item">
                        <div><i class="iconskype"></i></div>
                    </div>
                </a>
                <a href="#">
                    <div class="item">
                        <div><i class="iconyoutube"></i></div>
                    </div>
                </a>

            </section>


            <section class="span4 copyright">
                <p>&copy; 2013.
                    <a href="http://themeforest.net/user/miciana1417/portfolio">lotus</a> All rights reserved.</p>
            </section>


            <section class="span4">
                <a href="javascript:scrollToTop()" title="top of page">
                    <div class="topofpage"></div>
                </a>
            </section>

        </div>
    </div>


</div>


<script type="text/javascript" src="js/jquery.js"></script>
<!--jquery script-->
<script type="text/javascript" src="js/jquery-migrate.js"></script>
<!--jquery script-->


<script>//<![CDATA[
$('html, body').ready(function () {
    var options = {
        thumbs: false,
        nextButton: false,
        prevButton: false,
        pagination: true,
        animateStartingFrameIn: true,
        autoPlay: true,
        autoPlayDelay: 3000,
        preloader: true,
        preloadTheseFrames: [1],
        preloadTheseImages: [
            "images/smalldot1.png"
        ]
    };
    var mySequence = $("#sequence").sequence(options).data("sequence");
});
//]]></script>


<script>//<![CDATA[
$('html, body').ready(function () {
    jQuery('#mycollapsible').collapse("hide");
    })
//]]></script>


<script>//<![CDATA[
$('html, body').ready(function () {
    jQuery('#bxslider1').bxSlider({
        pager: false,

        slideWidth: 320,
        slideMargin: 20,
        minSlides: 3,
        maxSlides: 3,
        moveSlides: 1,

        auto: true,
        pause: 5000,
        speed: 1000
    });
});
//]]></script>

<script>//<![CDATA[
function scrollToTop() {
    $('html, body').animate({scrollTop: 0}, 'slow');
}
//]]></script>


<script src="js/jquery.sequence.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>


</body>
</html>
